/**
 *neurons-object
*/
.neurons {
    z-index: 1;
    height: 50px;
    width: 50px;
    position:absolute;
    top:0;
    left:0;
    transform-style:preserve-3d;
}

.neurons .neurons-box {
    width:100%;
    height:100%;
    /*transform:rotate(-20deg) rotateX(-20deg) rotateY(0deg);*/
    transform-style:preserve-3d;
}

.neurons .neurons-box .dimensions {
    width:100%;
    height:100%;
    border-radius:100%;
    border:solid 1px #66CCF3;
    position:absolute;
    top:50%;
    left:50%;
    margin:-50% 0 0 -50%;

}

.neurons .neurons-box .neurons-input{
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #66CCF3;
    top: 22px;
    left: -6px;
}
.neurons .neurons-box .neurons-output{
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #66CCF3;
    top: 22px;
    left: 47px;
}

.neurons .neurons-box .x1 {
    transform:rotateY(0deg)
}
.neurons .neurons-box .x2 {
    transform:rotateY(20deg)
}
.neurons .neurons-box .x3 {
    transform:rotateY(40deg)
}
.neurons .neurons-box .x4 {
    transform:rotateY(60deg)
}
.neurons .neurons-box .x5 {
    transform:rotateY(80deg)
}
.neurons .neurons-box .x6 {
    transform:rotateY(100deg)
}
.neurons .neurons-box .x7 {
    transform:rotateY(120deg)
}
.neurons .neurons-box .x8 {
    transform:rotateY(140deg)
}
.neurons .neurons-box .x9 {
    transform:rotateY(160deg)
}

.neurons .neurons-box .y1 {
    transform:rotateX(90deg) translateZ(20px) scale(0.60);
}
.neurons .neurons-box .y2 {
    transform:rotateX(90deg) translateZ(15px) scale(0.80);
}
.neurons .neurons-box .y3 {
    transform:rotateX(90deg) translateZ(10px) scale(0.92);
}
.neurons .neurons-box .y4 {
    transform:rotateX(90deg) translateZ(5px) scale(0.98);
}
.neurons .neurons-box .y5 {
    transform:rotateX(90deg) translateZ(0);
}
.neurons .neurons-box .y6 {
    transform:rotateX(90deg) translateZ(-5px) scale(0.98);
}
.neurons .neurons-box .y7 {
    transform:rotateX(90deg) translateZ(-10px) scale(0.92);
}
.neurons .neurons-box .y8 {
    transform:rotateX(90deg) translateZ(-15px) scale(0.80);
}
.neurons .neurons-box .y9 {
    transform:rotateX(90deg) translateZ(-20px) scale(0.60);
}

/**
 *neurons-inTools
*/
#model-tools .neurons .neurons-box{
    animation:rotate3d 20s infinite linear;
}

/**
 *animation
*/
@keyframes rotate3d {
    /*0% {transform:rotate(-20deg) rotateX(-20deg) rotateY(0deg)}*/
    /*100% {transform:rotate(-20deg) rotateX(-20deg) rotateY(360deg)}*/
    0% {transform:rotateY(0deg)}
    100% {transform:rotateY(360deg)}
}